<script setup>
const emit = defineEmits(['buttonclick'])
const props = defineProps({
	text: {
		type: String,
		required: true,
		default: '学习完成',
	}
})
const buttonClick = ()=>{
	console.log('点击了')
	emit('buttonclick')
}
</script>

<template>
<div class="button" @click="buttonClick"><span class="text">{{text}}</span></div>
</template>

<style scoped lang="scss">
.button{
	width: 368px;
	height: 60px;
	background: #00BCFB;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	.text{
		font-weight: 430;
		font-size: 22px;
		color: #FFFFFF;
	}
}
</style>
